Responsive Personal Portfolio Website Using HTML CSS And JavaScript

Modern Web

Modern Web

18.4K subscribers

Subscribed

195

I like this

I dislike this

Share

Share

Download

Download

Clip

Clip

Save

Save

6,176 views Sep 4, 2022

6,176 views • Sep 4, 2022

Responsive Personal Portfolio Website Using HTML CSS And JavaScript Learn to code the fully responsive modern looking personal portfolio with HTML, CSS and JS only. It's so easy to code and has a lot of fun features. You'll definitely don't wanna miss this out. Some of its features are ✅ Modern Looking ✅ Responsive to all screens ✅ TimeLine layout in about section ✅ Interactive Project section with awesome popup ✅ Smooth Scrolling and custom selection in website 📌Download Image and Project.js - https://drive.google.com/drive/folder... 📌Download Source Code - https://www.patreon.com/posts/71500707/ 📌 Social Links Instagram - https://www.instagram.com/themodernweb/ Subscribe - https://www.youtube.com/c/modernweb?s... This is modern web, I am Kunaal content on web development, So if you want to master web development make sure to subscribe to the channel. ⏰Time Stamps⏰ 00:00 - Intro 00:31 - Website Demo 03:30 - Folder Structure 04:43 - Navbar 12:01 - Header Section 20:21 - About section 29:08 - Skills section 32:10 - Time line 40:58 - Project Section 1:10:05 - Contact Section 1:14:50 - CSS media query 1:32:39 - Outro All the materials used in the video are either created by me or I have the license to use it. If you think content used in the video your's make sure to contact me on business.modernweb@gmail.com to discuss it before giving the strike. Thanks for watching ----------- --------- 😎 Tags -------- personal portfolio website,responsive personal portfolio website,responsive portfolio website,portfolio website,responsive portfolio website html css javascript,create a responsive personal portfolio website,responsive portfolio website html css,portfolio website html css,responsive personal portfolio website using html css,personal portfolio website using html and css,complete responsive portfolio website,responsive personal portfolio website html css, react portfolio website,react portfolio,react portfolio website tutorial,react js,portfolio website,react,react website,portfolio,react website portfolio,portfolio website react,react portfolio projects,react js portfolio website,reactjs portfolio,personal portfolio,portfolio with react,react js personal portfolio website tutorial,portfolio website react js,portfolio website using react,react responsive portfolio website, modern website design,modern website,modern web design,how to design modern websites,website design,modern website templates,how to make a modern website,website,create a website,latest website design,html css website design,how to style modern websites,make a website,html css website design tutorial,how to make website,how to create a website,make modern website,html website,react modern website,modern website html css,what is a modern website

Chapters

View all

Intro

0:00

Website Demo

0:31

Folder Structure

3:30

Navbar

4:43

Header Section

12:01

About section

20:21

Skills section

29:08

Time line

32:10

Show less

19 Comments

Sort comments

Sort by

Top comments

Newest first

Add a comment...

Pinned by Modern Web

@ModernWeb

@ModernWeb

6 months ago

How is the video ? Comment down your suggestions and on what you want tutorial next

Like

4

Dislike

Reply

3 replies

@avinashrawat2286

6 months ago

I like your videos, especially the Javascript :) still trying to master it ! Keep up the good work

Like

Dislike

Reply

@vinaypatil8009

6 months ago

Intro was awesome And Everything rest is also awesome Thanks for everything ️

Read more

Like

1

Dislike

❤ by Modern Web

Reply

@vladimirjovanovic1549

4 months ago

Hello! May I use your solution as a template for my personal portfolio on the Web? I like its design and your approach to showing the making of it. Thanks.

Like

1

Dislike

Reply

·

1 reply

@saibhargav7526

4 months ago

Hi bro, did you get a job using these skills and your project portfolio? How is the demand for web developers in the industry? I was just looking for MERN web developer jobs on naukri and there are very few listings. Is it worth learning MERN stack or is it better to learn Java development?

Like

Dislike

Reply

@princearya4208

3 months ago

bro in angular there is a component called chips. can you plss make video on how to make chips using just html, css, js

Like

Dislike

Reply

@gulnaraakmatova5258

2 months ago

Hi! I really love the intro music. Please could you write here the name of this music. thanks a lot, in advance!

Like

Dislike

Reply

@omorfaruk6986

6 months ago

Brother only html css please give more projects

Like

Dislike

Reply

@foxtree4255

5 months ago

How can we get the form to send information?

Like

Dislike

Reply

@JackSparrow-dz2tu

3 months ago

How to add Project Popup independently with project-container? Let's say I want popup to come by clicking a button dynamically for all projects, how to do that? Help

Like

Dislike

Reply

@all-inonemotivation1_1

4 months ago

sir please make vedio on Auto blogging For HTML Blogger for News Websites

Like

Dislike

Reply

@AdeyCoder

6 months ago

Like

Dislike

Reply

@IrenaJungmannova

6 months ago

SCSS project please.

Like

Dislike

Reply

@mill2973

6 months ago

ᑭᖇOᗰOᔕᗰ

Like

Dislike

Reply

@FdWebdesign

6 months ago

Amazing

Like

Dislike

Reply

Chapters

Intro

0:00

Website Demo

0:31

Folder Structure

3:30

Navbar

4:43

Header Section

12:01

About section

20:21

Skills section

29:08

Time line

32:10

Project Section

40:58

Contact Section

1:10:05

CSS media query

1:14:50

Outro

1:32:39

Sync to video time

Create clip

ajis gagap

Public

Add a description (required)

 

0/140

–

30.0 seconds

Cancel

Share clip

Continue clipping after ad finishes

Can’t create clip while ad is playing

Description

Responsive Personal Portfolio Website Using HTML CSS And JavaScript

Modern Web

Modern Web

195 Likes

6,176 Views

Sep 4 2022

Responsive Personal Portfolio Website Using HTML CSS And JavaScript Learn to code the fully responsive modern looking personal portfolio with HTML, CSS and JS only. It's so easy to code and has a lot of fun features. You'll definitely don't wanna miss this out. Some of its features are ✅ Modern Looking ✅ Responsive to all screens ✅ TimeLine layout in about section ✅ Interactive Project section with awesome popup ✅ Smooth Scrolling and custom selection in website 📌Download Image and Project.js - https://drive.google.com/drive/folder... 📌Download Source Code - https://www.patreon.com/posts/71500707/ 📌 Social Links Instagram - https://www.instagram.com/themodernweb/ Subscribe - https://www.youtube.com/c/modernweb?s... This is modern web, I am Kunaal content on web development, So if you want to master web development make sure to subscribe to the channel. ⏰Time Stamps⏰ 00:00 - Intro 00:31 - Website Demo 03:30 - Folder Structure 04:43 - Navbar 12:01 - Header Section 20:21 - About section 29:08 - Skills section 32:10 - Time line 40:58 - Project Section 1:10:05 - Contact Section 1:14:50 - CSS media query 1:32:39 - Outro All the materials used in the video are either created by me or I have the license to use it. If you think content used in the video your's make sure to contact me on business.modernweb@gmail.com to discuss it before giving the strike. Thanks for watching ----------- --------- 😎 Tags -------- personal portfolio website,responsive personal portfolio website,responsive portfolio website,portfolio website,responsive portfolio website html css javascript,create a responsive personal portfolio website,responsive portfolio website html css,portfolio website html css,responsive personal portfolio website using html css,personal portfolio website using html and css,complete responsive portfolio website,responsive personal portfolio website html css, react portfolio website,react portfolio,react portfolio website tutorial,react js,portfolio website,react,react website,portfolio,react website portfolio,portfolio website react,react portfolio projects,react js portfolio website,reactjs portfolio,personal portfolio,portfolio with react,react js personal portfolio website tutorial,portfolio website react js,portfolio website using react,react responsive portfolio website, modern website design,modern website,modern web design,how to design modern websites,website design,modern website templates,how to make a modern website,website,create a website,latest website design,html css website design,how to style modern websites,make a website,html css website design tutorial,how to make website,how to create a website,make modern website,html website,react modern website,modern website html css,what is a modern website

Chapters

View all

Intro

0:00

Website Demo

0:31

Folder Structure

3:30

Navbar

4:43

Comments 19

Top comments

Newest first

Transcript